*{
    padding: 0;
    margin: 0 auto;
    text-decoration: none;
    list-style: none;
}
.clear{
    clear: both;
}
/* 设置灰色全图背景 */
body{
    background: #f5f5f5;
}
/* 设置灰色全图背景结束 */
/* 头部信息 */
.head-nav{
    height: 31px;
    background: #fafafa;
}

.head-nav .wrapper{
    width: 1200px;
    font-size:12px;
    
}
/* 左侧 */
.head-nav .wrapper .logon{
    width: 308px;
    height: 30px;
    float: left;
    color: #555;
    line-height:30px ;
}
.head-nav .wrapper .logon a{
    color: #555;
}
.head-nav .wrapper .logon a:hover{
    text-decoration: underline;
}
.head-nav .wrapper .logon span{
    height: 16px;
    margin-left:10px;
}
/* 左侧结束 */
/* 右侧列表 */
 .quick-menu{
    width: 480px;
    height: 30px;
    float: right;
    
}
 .quick-menu ul li{
    float: right;
    height: 30px;
    padding: 6px;
    position: relative;
    
}
.quick-menu ul li a{
    color: #555;
}
.quick-menu ul li img{
     margin-right: 10px;
    transition-property: all;
    transition-delay: 0s;
    transition-duration: 0.8s;
    transition-timing-function: ease;
}
.quick-menu ul li:hover img{
     transform: rotate(180deg);
}
 .quick-menu ul li>.list{
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    background: #fafafa;
z-index: 3;
}
.quick-menu ul li .list>a{
    display: block;
    margin: 10px;
    color: #555;
    white-space: nowrap;
    background: #fff;
}
 .quick-menu ul li:hover .list{
    display:block; 
    outline: none;
    border: 1px solid rgb(181, 173, 173); 
   
}
/* 右侧列表结束 */
/* 头部信息结束 */
/* Logo板块开始 */
.head-search{
      background: #fff;
}
.head-search .wrapper{
    width: 1200px;
    height: 150px;
    
}
.logo{
    width: 170px;
    height: 130px;
    float: left;
    margin: 10px auto;
}
/* 搜索框 */
.search{
    width: 604px;
    height: 66px;
    float: left;
}

.search form{
    width: 580px;
    height: 44px;
    position: relative;
    margin-top: 45px;
    margin-left: 120px;
}
.search input{
    width: 545px;
    height: 40px;
    float: left;
    border: #FF6699 solid 2px;
    outline: none;
    padding-left: 35px;
    background: url(../img/search.png) no-repeat 10px 10px;
}
.search button{
    width: 100px;
    height: 36px;
    float: left;
    border: none;
    background: #FF6699;
    color: #fff;
    position: absolute;
    right: -4px;
    top: 4px;
    
}
.search button:hover{
    cursor: pointer;
}
.search .groom{
    font-size: 12px;
    margin-left:130px ;
    /* margin-top: 20px; */
    
}
.search .groom>a{
    color: #555;
    transition-property:color;
    transition-duration:0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    padding-right:5px ;
}
.search .groom>a:hover{
    color: #FF6699;
}
/* 搜索框结束 */
/* 购物车 */
.trolly{
    width: 190px;
    height: 35px;
    float: right;
    position: relative;
    z-index: 2;
    margin-top: 30px;
    border: #555 1px solid;
    
}
.trolly>a{
    display: block;
    width: 100px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-40%,-50%);
    color: #555;
    font-size:13px;
    background: url(../img/shop01.png) no-repeat 0px 1px ;
    transition-property:color,background;
    transition-duration:0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.trolly a:hover{
    background: url(../img/shop02.png) no-repeat 0px 1px ;
    color: #FF6699;
}
.trolly .circle{
    width: 15px;
    height: 15px;
    border-radius: 50px;
    text-align: center;
    line-height: 15px;
    background: #FF6699;
    position: absolute;
    top: 3px;
    left:133px ;
    color: #f5f5f5;
}
/* 购物车结束 */
/* Logo板块结束 */
/* 导航板块开始 */
.bar-nav{
    height: 38px;
    background: #fff;
    border-bottom: #FF6699 2px solid;
}
.wrapper{
    width: 1200px;
}
.all-category{
    width: 191px;
    height: 36px;
    float: left;
    margin-top: 4px;
}
.all-category>.title{
    width: 191px;
    height: 36px;
    background: #ED3577;
}
.all-category>.title>img{
    width: 18px;
    height: 18px;
    float: left;
    margin-left: 40px;
    margin-top: 7px;
}
.all-category>.title>a{
display: block;
float: left;
color: #fff;
margin-top: 5px;
margin-left:5px ;
} 
.all-category>.title>a:hover{
    text-decoration: underline;
}
.menu{
    display: none;
}
.all-category:hover>.category>.menu{
    display: block;
}

.site-menu{
    float: left;
    margin-top: 2px;
}
.site-menu>li{
    width: 106px;
    height: 36px;
    float: left;
    text-align: center;
    line-height: 36px;
}
.site-menu>li>a{
  color: #555555;
  transition-property:color,background;
  transition-duration:0.3s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
.site-menu>li>a:hover{
    color: #FF6699;
    text-decoration: underline;
}
/* 导航板块开始结束 */
/* 导航隐藏模块 */
.category .menu {
    width: 191px;
    height: 420px;
    background: #FF6699;
    position: relative;
    z-index: 15;
}
.category .menu .class{
    width: 180px;
    height: 83px;
    margin-left:10px ;
    overflow: hidden;
  
}
.menu li:hover{
    width: 189px;
    height: 83px;
    border-right: none;
    
}
.category .menu li{
     border-bottom: 1px solid #fff;
     position: relative;
     z-index: 15;
}
/* 第三级隐形列表 */
.category .menu .nav-allr{
    position: absolute;
    left:190px;
    border: 1px solid #FF6699;
    width: 978px;
    background: #fff;
    padding: 15px;
    display: none;
    z-index: 15;
}
.category .menu li:hover .nav-allr{
display: block;
}
.category .menu li:nth-child(4):hover .nav-allr,.category .menu li:nth-child(5):hover .nav-allr
{
    bottom: 0px;
    position: absolute;
    left:190px;
    z-index: 15;
}
.category .menu li:nth-child(1):hover .nav-allr,.category .menu li:nth-child(2):hover .nav-allr,.category .menu li:nth-child(3):hover .nav-allr{
    top: 0px;
    position: absolute;
    left:190px;
    z-index: 15;
}

.category .menu .nav-allr>dl>dt{
    float: left;
    height: 14px;
    width: 60px;
    line-height: 14px;
}
.category .menu .nav-allr>dl>dd{
    float: left;
     width: 900px;
    line-height: 14px;
    margin-left: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgb(145, 144, 144);
}
.category .menu .nav-allr>dl>dt>a{
    color: #ED3577;
    font-size: 12px;
    font-weight: bold;
}
.category .menu .nav-allr>dl>dd>a{
    float: left;
    display: block;
    color: #555;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    border-left: 1px #ccc solid;
    margin-left:7px ;
    margin-top: 7px;
    padding-left: 7px;
}
/* 第三级隐形列表结束 */
.category .menu a{
    color: #fff;
}
.level-one-class{
    font-weight: bold;
    margin: 5px 0;
}
.level-one-class>a{
    margin: 5px;
    
}
.icon-r{
    color: #fff;
    position: absolute;
    top: 0px;
    right: -1px;
    z-index: 13;
}
.hot-class{
    position: relative;
}
.hot-class>a{
    font-size: 12px;
    margin:5px ;
    
}
.menu li:hover{
    background: #fff;
    border:1px solid #ED3577;
    border-top: none;
}
.menu li:hover a{
    color: #FF6699;
}
.menu li a:hover{
    text-decoration: underline;
}
/* 导航隐藏模块结束 */
/* 尾页 */
.footer{
    margin-top: 20px;
    border-top: #ededed 1px solid;
    background: #fff;
}
.footer a{
    color: #666;
    font-size: 12px;
    transition-property:color,background;
    transition-duration:0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.footer a:hover{
    color: #ED3577;
    text-decoration: underline;
}
.footer .f-h{
    height: 212px;
    padding-top: 30px;
    background: url(../img/bgfooter.jpg) no-repeat 800px 0;
}
.footer .f-h ul li{
    float: left;
    margin-right: 118px;
}
.footer .f-h ul li dl dt{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
.footer .f-h ul li dl dd{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
}

.footer .f-bar{
    height: 40px;
    background: #FF6699;
}
.footer .f-bar p{
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.footer .f-bar p span{
    position: relative;
    color: #fff;
    font-size: 12px;
    margin-left: 100px;
}

.footer .f-b{
    height: 210px;
    background: #fff;
}
.footer .f-b .lf{
    float: left;
    height: 148px;
    margin-top: 30px;
}
.footer .f-b .lf .a-h{
    height: 18px;
    margin-bottom: 20px;
}
.footer .f-b .lf .a-h a{
    margin: auto 10px;
}
.footer .f-b .lf .a-h a:nth-child(1){
    margin-left: 0px;
}
.footer .f-b .lf .f-nav li{
    float: left;
    height: 12px;
    line-height: 12px;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #666;
    margin-bottom: 20px;
}
.footer .f-b .lf .f-nav li:nth-child(1){
    padding-left: 0px;
    border-left: none;
}
.footer .f-b .lf .cop{
    font-size: 12px;
    color: #666;
    margin-bottom: 20px;
}
.footer .f-b .lf .f-p ul li{
    float: left;
    margin: auto 10px;
}
.footer .f-b .lf .f-p ul li:nth-child(1){
    margin-left:0px;
}

.footer .f-b .fr{
    float: right;
    height: 148px;
}
.footer .f-b .fr ul li{
    float: left;
    margin-top: 60px;
    margin-left: 20px;
    font-size: 12px;
    color: #666;
    text-align: center;
}
/* 尾页结束 */





